<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>        
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="<%=basePath%>resources/js/common/plugin/zTree/zTreeStyle.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<%=basePath%>resources/js/common/plugin/dhtmlxGrid/dhtmlxgrid.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=15fba5c84d702d936e1c8690eb58f95d&plugin=AMap.Geocoder"></script>
<script src="<%=basePath%>resources/js/common/plugin/zTree/jquery.ztree.all-3.5.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/dhtmlxGrid/dhtmlxgrid.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
<script src="<%=basePath%>resources/js/common/main/HashMap.js"></script>
<script src="<%=basePath%>resources/js/common/main/base64.js"></script>
<script src="<%=basePath%>resources/js/common/main/global.js"></script>
<script src="<%=basePath%>resources/js/common/main/mapToop.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/clipboard/clipboard.min.js"></script>
<script src="<%=basePath%>resources/js/common/plugin/clipboard/extend.js"></script>
<script type="text/javascript">
	//地址解析服务器
	var addressPath = '${addressPath}';
	var menuName = '${menuName}';
	if (menuName) {
		window.document.title=menuName;
	}else{
		window.document.title="入省监控";
	}
</script>
<style type="text/css"> 
.updVehicleBtn{height: 20px;line-height: 20px;background: #e77817;border: none;color: #fff;margin-right: 5px;}
.showVehicleCount{height:60px;width:239px;margin:9px;}
.showVehicleLeft{height:60px;width:117px;border-right: 1px solid #d0d0d0;float:left;}
.showVehicleRight{height:60px;width:117px;float:right;}
#allVehicleCount{display: block;font-size: 34px; color:green;text-align: left;margin-left: 15px;margin-top:5px;}
#allVeSpan{display: block;font-size: 14px; color: 009900;text-align: left;margin-left: 15px;margin-top: 18px;}
#onLineVeCount{display: block;outline: none;border: 0;font-size:34px;color: green;text-align: right;margin-right: 15px;margin-top: 5px;}
#onLineVeSpan{display: block;font-size: 14px;color: 009900;text-align: right;margin-right: 15px;margin-top: 18px;}
</style> 
</head>
<body class="index" style="overflow:hidden;">
<div class="page">
	<div class="slider pa clearfix">
        <%@ include file="/views/common/menu.jsp" %>
    </div> 		
    <div class="main ">
        <%@ include file="/views/common/top.jsp" %> 
        <div class="content pr">
        	<div class="tree-warp fl">
	        	<div class="showVehicleCount">
	        		<div class="showVehicleLeft">
	        			<span id="onLineVeCount">0</span>
						<span id="onLineVeSpan">在线车辆</span>
	        		</div>
	        		<div class="showVehicleRight">
	        			<span id="allVehicleCount">0</span>
						<span id="allVeSpan">车辆总数</span>
	        		</div>
	        	</div>
            	<div class="search pr">
                	<input id="vehicle_no" class="search-input" type="text" value="" placeholder="请输入车牌号">
                	<a class="search-btn pa" href="javascript:;"><i class="icon icon-search"></i></a>
            	</div>
            	<div class="tree-div">
                	<div class="tree-cont">
                    	<div class="tree tree-cont-list">
                        	<ul class="ztree" id="carTreeList"></ul>
                    	</div>
                    	<div class="result tree-cont-list dn">
                        	<div id="vehicleSeachTable"></div>
                    	</div>
                	</div>
            	</div>
        	</div>
            <div class="monitorDetail">
            	<div class="map pr" style='border:1px solid #d0d0d0'>
	                <div id="mymap"></div>
	                <div class="car-staues clearfix pa">
<!-- 	            	<div class="hidetree fl" style="padding:0;"><a class="" id="hideTree" href="javascript:;"></a></div> -->
	                <ul class="car-staues-ul clearfix fl">
	                    <li class="car-staues-list all-staues fl clearfix active">
	                        <a class="db" href="javascript:;">
	                            <div class="staues-icon fl all-icon"></div>
	                            <div class="fl">全部</div>
	                            <div class="fl all-num">0</div>
	                        </a>
	                    </li>
	                    <li class="car-staues-list run-staues fl clearfix">
	                        <a class="db" href="javascript:;">
	                            <div class="staues-icon fl run-icon"></div>
	                            <div class="fl">运行</div>
	                            <div class="fl run-num">0</div>
	                        </a>
	                    </li>
	                    <li class="car-staues-list stop-staues fl clearfix">
	                        <a class="db" href="javascript:;">
	                            <div class="staues-icon fl stop-icon"></div>
	                            <div class="fl">停车</div>
	                            <div class="fl stop-num">0</div>
	                        </a>
	                    </li>
	                    <li class="car-staues-list dropped-staues fl clearfix">
	                        <a class="db" href="javascript:;">
	                            <div class="staues-icon fl dropped-icon"></div>
	                            <div class="fl">掉线</div>
	                            <div class="fl dropped-num">0</div>
	                        </a>
	                    </li>
	                </ul>
	                <div class="export fl" style="display:none;" id="cancel">
	                    <span class="icon icon-cancel" ></span>
	                </div>
<!-- 	                <div class="export fl"> -->
<!-- 	                    <span class="icon icon-export"></span> -->
<!-- 	                </div> -->
	            </div>
	                <div id="toolTopDiv">
						<div class="toolDiv">
							<div class="list t6" title="测距" id="distanceLi">&nbsp;</div>
							<div class="list t8" title="路况" id="mTrafficLi">&nbsp;</div>
							<!-- <div class="list t9" title="全屏" id="mapAllLi">&nbsp;</div> -->
						</div>
					</div>
	            </div>
	           	<div id="nResizeMoveDiv" class="butDragMove" style=""></div>
	            <div id="nResizeDiv" class="butDrag" title="拖拽" style=""> <p> 拖拽</p></div>
	            <div class="monitor-detail">
	                 <div id="gridbox" style="height:100%;width:100%;background-color:white;"></div>
	            </div>
            </div>
        </div>
    </div>
</div>

<script src="<%=basePath%>resources/js/common/main/nav.js"></script>
<script src="<%=basePath%>resources/js/business/report/otherProvinceVe.js"></script>	
</body>
</html>